<!DOCTYPE html>
<html>
<head>
    <title>账号绑定</title>
    <link href="__CSS__/public.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/login.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="__JS__/jquery.min.js"></script>
</head>
<body>
<div class="head">
    <div class="head_div">
        <div class="head_a">
            <a href="{:d_name('hw')}"><img src="{$logo.login}"></a>
        </div>
        <div class="head_b">
            没有账号？&nbsp;<a href="{:U('Login/reg')}">立即注册</a>
        </div>
    </div>
</div>
<div class="main">
    <div class="main_div">
        <div class="l">
            <img src="__IMG__/login_bg.jpg">
        </div>
        <div class="r">
            <div class="r_title">
                <h3>账号绑定</h3>
                <p>没有追站账号，填写账号密码将会注册新账号并绑定{$type}账号</p>
                <p>已有追站账号，填写账号密码将会绑定{$type}账号</p>
            </div>
            <form action="{:U('Login/bind')}" method="post" onsubmit="return check();">
                <div class="login">
                    <ul>
                        <input type="hidden" name="httprefer" value="{$httprefer}"/>
                        <li>昵称：{$nickname}</li>
                        <li><input class="input-text text_w" id="username" name="username" type="text" data-default="用户名/邮箱" value="用户名/邮箱"></li>
                        <li><input class="input-text text_w" type="text" id="textpwd" data-default="密码" value="密码">
                            <input class="input-text text_w" type="password" id="password" name="password" style="display:none;">
                        </li>
                        <li><input class="input-text" type="text" value="认证码" id="verfiycode" data-default="认证码" name="verfiy">
                            <img src="{:U('verfiy')}" id="verfiy" alt="点击图片刷新验证码" title="点击图片刷新验证码" style="cursor:pointer;"/>
                        </li>
                        <li><input class="sub" type="submit" value="会员登陆"></li>
                        <li style="line-height: 25px; height: 25px; margin-top:20px">如果您忘记密码了，可以从这里取回密码？<a target="_blank" href="{:U('Login/pass')}">取回密码？</a></li>
                        <li style="line-height: 25px;height: 25px">如果您没有会员账号，可以通过注册新账号进入注册。 <a target="_blank" href="{:U('Login/reg')}">注册新账号</a></li>
                    </ul>
                </div>
            </form>
        </div>
    </div>
</div>
<include file="Public:footer" />
<script>
    $(function(){
        $("#verfiy").click(function(){
            var timenow = new Date().getTime();
            $(this).attr("src","{:U('Login/verfiy')}&t="+timenow)
        });
        $(".input-text").focus(function(){
            var val = $(this).val();
            var defaultval = $(this).attr('data-default');
            if($(this).attr('id') == 'textpwd'){
                $(this).hide();
                $("#password").show().focus();
            }
            if(val == defaultval){
                $(this).val('');
            }

        }).blur(function(){
            var val = $(this).val();
            var defaultval = $(this).attr('data-default');

            if(val == ''){
                $(this).val(defaultval);
            }
        });

    });
    function check(){
        var username = $("#username");
        var pass     = $("#password");
        var verfiy   = $("#verfiy");
        var namereg  = /^[\\u4E00-\\u9FA5\\uF900-\\uFA2D_\w\.@]+$/;
        if(!namereg.test(username.val()) || username.val() == username.attr('data-default')){
            alert('用户名格式不正确');
            username.focus().val('');
            return false;
        }
        if(pass.val().length()<6){
            alert('密码格式不正确');
            pass.focus();
            pass.val('');
            return false;
        }
        if(verfiy.val().length()<4){
            alert('认证码格式不正确');
            verfiy.focus();
            return false;
        }
        return true;
    }
</script>
</body>
</html>